<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link  type="text/css" rel="stylesheet" href="../css/task2-2.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="../js/task2-2.js"></script>
    <title>任务二玩家配比页面</title>
</head>
<body>
<header>
    <span><img  class="backicon" src="../img/Back.png" alt=""></span>
    <span>设置参数</span>
    <span><img class="goicon" src="../img/circled-help.png" alt=""></span>
</header>
<div class="nav">
    <div class="leftsection">玩家配比</div>
    <div class="rightsection">
        <ul >
            <li></li>
            <li></li>
            <li></li>
        </ul>
        <div class="pick">
            <button>点击设置</button>
            <span><img src="../img/pencil.png" alt=""></span>
        </div>
    </div>
</div>
<div class="word">
    <p>水民词组</p>
    <p>幽灵词组</p>
</div>
<div class="footer">
    <div class="gamepeople">玩家人数 <input id="input" type="text" value="6" max="18" min="6">人</div>
    <div class="range">
        <button><img src="../img/minus.png" alt="" style="padding-bottom: 3px"></button>
        <input id="range" type="range" value="6" max="18" min="6" >
        <button><img src="../img/plus.png" alt="" style="padding-top: 3px"></button>
    </div>
</div>
<footer>
    <button class="fp">去发牌</button>
</footer>
</body>
</html>